<template>
<h3>配送详情</h3>
<hr />
<el-descriptions :column="1" >
    <el-descriptions-item label="订单号">{{tableData.date}}</el-descriptions-item>
    <el-descriptions-item label="配送产品">{{tableData.deliveryp}}</el-descriptions-item>
    <el-descriptions-item label="收货地址">{{tableData.address}}</el-descriptions-item>
    <el-descriptions-item label="收货人">{{tableData.receiver}}</el-descriptions-item>
    <el-descriptions-item label="收货人手机">{{tableData.phone}}</el-descriptions-item>
    <el-descriptions-item label="下单时间">{{tableData.time}}</el-descriptions-item>
  </el-descriptions>
  <hr />
</template>

<script>
import {defineComponent} from 'vue'
export default defineComponent({
  name: '',
  data(){
    return {
        tableData:{}
    }
  },
  created(){
   console.log( this.$route.query)
   const data1=this.$route.query
  this.tableData=data1
  console.log(this.tableData)
  
  }
})
</script>

<style lang="less" scoped>
    :deep(.el-descriptions__label:not(.is-bordered-label)) {
    color: var(--el-text-color-primary);
    margin-right: 300px;
    margin-left: 12px;
    font-weight: 900;    
}
   :deep(.el-descriptions__body .el-descriptions__table .el-descriptions__cell) {
    line-height: 68px;
}
</style>
